<script>
export default {
  props: {
    column:{
      type: Object,
      default: ''
    },
    value: {
      type: Object,
      default: ''
    },
    /**
     * 用于控制当前行的状态
     * view: 查看状态
     * edit: 编辑状态
     */
    rowStatus: {
      type: String,
      default: 'view'
    },
    /**
     * 是否可以编辑
     */
    isEdit: {
      type: Boolean,
      default: false
    }
  },
  data() {
    return {
      valueData: ""
    }
  },
  mounted() {
  },
  methods: {
    // 对column进行处理
    newColumn(column) {
      // 如果column.textSetting不存在，就给它赋值一个空对象
      if (!column.setting) {
        column.setting = {}
      }
      // 如果format不存在，就给它赋值一个默认值
      if (!column.setting.format) {
        column.setting.format = 'YYYY-MM-DD HH:mm:ss'
      }
      return column
    }
  },
  // 监听value的变化
  watch: {
    value: {
      handler(val) {
        this.valueData = val;
      },
      immediate: true
    },
    rowStatus(val) {
        this.valueData = this.value;
    }
  }
}
</script>

<template>
  <div>
    <el-time-picker
        v-model="valueData"
        :disabled="true"
        :format="newColumn(column).setting.format"
        :picker-options="newColumn(column).setting.pickerOptions">
    </el-time-picker>
  </div>
</template>

<style scoped>
.text-value {
  margin: 0 5px 0 5px;
}
</style>